<template>
  <div style="width:100%;height:100%">
    <div class="flex-row-start-start">
      <RadioGroup v-model="selTab" type="button" size="large">
        <Radio label="检测事件"> </Radio>
        <Radio label="检测点信息"> </Radio>
        <Radio label="井组信息"></Radio>
        <Radio label="库区信息"></Radio>
      </RadioGroup>
    </div>
    <div >
      <div v-if="selTab == '检测事件'">
        <jc-event :index="index"></jc-event>
      </div>
      <div v-if="selTab == '检测点信息'">
       <jcd-info :index="index"></jcd-info>
      </div>
      <div v-if="selTab == '井组信息'">
        <jz-info :index="index"></jz-info>
      </div>
      <div v-if="selTab == '库区信息'">
        <kq-info :index="index"></kq-info>
      </div>
    </div>
    <div class="flex-row-center-end" style="color: #ffffff; height: 58.4px">
      <div class="flex-row-start-center">
        <div class="button-style">返回上级</div>
        <div class="button-style" style="margin-left: 14px">数据管理</div>
        <div class="date-style">{{systemTime}}</div>
      </div>
    </div>
  </div>
</template>
<script>
import jcdInfo from '@/components/addData/jcdInfo'
import jcEvent from '@/components/addData/jcEvent'
import jzInfo from '@/components/addData/jzInfo'
import kqInfo from '@/components/addData/kqInfo'
export default {
  data() {
    return {
      selTab: "检测事件",
      index:0
    };
  },
  components: {
    jcdInfo,
    jcEvent,
    jzInfo,
    kqInfo

  },
  computed:{
    systemTime(){
      return this.$store.state.systemTime
    }
  },
  mounted(){
      if(this.$route.query.selTab !=undefined){
        this.selTab = this.$route.query.selTab
        this.index = parseInt(this.$route.query.index)
      }
  }
};
</script>
<style scoped>
.button-style {
  width: 142px;
  height: 37px;
  line-height: 37px;
  border-radius: 4px;
  background-color:#f1f1f1;
  color: black;
  font-size: 14px;
  text-align: center;
  font-family: Microsoft Yahei;
  border: 1px solid rgba(187, 187, 187, 1);
  color: black;

}
.date-style {
  color: rgba(251, 243, 243, 1);
  font-size: 18px;
  text-align: left;
  font-family: SourceHanSansSC-regular;
  margin-left: 231px
}
</style>